## Starter code

<iframe
  src={
    'https://codesandbox.io/embed/todo-list-starter-with-layout-kpvo2?fontsize=14&hidenavigation=1&theme=light'
  }
  style={{
    width: '100%',
    height: '500px',
    border: '1px solid lightgrey',
    borderRadius: ' 4px',
    overflow: 'hidden',
  }}
  title={'TypeScript Todo List'}
  allow={
    'accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking'
  }
  sandbox={
    'allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts'
  }
/>

## Completed example

<iframe
  src={
    'https://codesandbox.io/embed/todo-list-completed-98tun?fontsize=14&hidenavigation=1&theme=light&view=preview'
  }
  style={{
    width: '100%',
    height: '500px',
    border: '1px solid lightgrey',
    borderRadius: ' 4px',
    overflow: 'hidden',
  }}
  title={'TypeScript Todo List'}
  allow={
    'accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking'
  }
  sandbox={
    'allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts'
  }
/>
